.desktop-app-proxy-info-container {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-5, 12px);
  flex-shrink: 0;
  border-radius: 24px;
  padding: 4px var(--space-2, 4px) 4px var(--space-5, 12px);
  border: 1px solid var(--requestly-color-white-t-20, rgba(255, 255, 255, 0.12));
  background: var(--requestly-color-background, #1a1a1a);
  height: 32px;

  .desktop-app-proxy-info {
    font-size: var(--requestly-font-size-xs, 11px);
  }

  .desktop-app-proxy-connect-btn.ant-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    padding: 0px var(--space-2, 8px);
    border-radius: 28px;
    border: 1px solid var(--requestly-color-white-t-10, rgba(255, 255, 255, 0.06));
    background: var(--requestly-color-white-t-10, rgba(255, 255, 255, 0.06));
    font-weight: var(--requestly-font-weight-medium);

    &.connected {
      border: 1px solid var(--requestly-color-white-t-20, rgba(255, 255, 255, 0.12));
      background: var(--requestly-color-success-darker, #104b2f);
      padding-right: 4px;
    }

    .desktop-app-proxy-connect-btn-content {
      display: flex;
      align-items: center;
      gap: 4px;

      .connected-apps-count-badge {
        display: flex;
        min-width: 25px;
        height: 18px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: var(--space-1, 2px) var(--space-2, 4px);
        border-radius: 29px;
        background: var(--requestly-color-white-t-20, rgba(255, 255, 255, 0.12));
        font-size: var(--requestly-font-size-xs);
      }
    }
  }
}
